草庐IT

2D 地图绘制

全部标签

javascript - 在谷歌地图中添加标记数组

我需要一些帮助来在Googlemap中创建一组标记,这样它可以更有效率,而不是一个接一个地创建标记。我尝试了以下但它不起作用。有人有什么建议吗?//createarraytostoreasetoflocationvarcollection=newArray();//asetoflocationsstoredinarraycollection[0]=newgoogle.maps.LatLng(13.742167701649997,100.50721049308777);collection[1]=newgoogle.maps.LatLng(13.74428,100.5404525);co

javascript - 显示信息窗口后阻止谷歌地图移动

我正在尝试在Googlemap上显示信息窗口。它显示完美,当您将鼠标悬停在标记上时,它会加载一个信息窗口,但map会跳转以适合窗口。我不希望map移动,而是信息窗口根据map设置其位置。Booking.com有这样的东西。编辑:添加了我的代码这是我的代码的精简版。我从AJAX服务获取所有信息,并且该服务返回response(它也包含更多信息)。$.ajax({url:'URL',dataType:"json",type:"GET",success:function(response){//deleteallmarkersclearOverlays();varinfowindow=new

javascript - D3.js 从单独的文件中绘制多个数据集

我正在尝试使用来自两个tsv文件的两组数据绘制散点图。但是,每个都以单一刻度共享x轴。有两个y轴,每个轴都有自己的刻度。我现在拥有的图表将在视觉上有所帮助。问题是,第二个数据集(橙色)仅部分绘制在a轴上约15,000处的污点处。它真的应该是一条更大的线。此外,当我运行它时,有时会呈现第二个数据集,而现在会呈现第一个数据集。不知道为什么会这样..这是两个(可能)相关的代码块://1stdatasetd3.tsv("datatest4.tsv",function(error,tsv1){tsv1.forEach(function(d){d.altit=+d.altit;d.tmp=+d.t

javascript - 绘制到 HTML 5 Canvas 的最快方法是什么?

我正在研究仅使用HTML的Canvas作为显示媒体制作游戏的可能性。以我需要完成的示例任务为例,我需要从多个等距图block构建游戏环境。当然,在2D中工作意味着它们必须采用矩形包装,因此图block之间有很大的重叠。我已经足够大了,这个问题的自然解决方案是调用BitBltMasked。哦等等,不,HTMLCanvas没有像BitBlt这样简单和令人愉悦的东西。似乎将像素数据转储到Canvas中的唯一方法是使用没有忽略alphachannel的有用绘图模式的drawImage()或使用在数组中具有图像数据的ImageData对象。使用权。是。界限。检查。和。所以。狗。慢。好吧,这与其说

javascript - 在对话框中的第二次渲染中发布渲染谷歌地图

我有一个网站,90%是jQuery和ajax,所以我想通过单击按钮而不刷新页面来呈现不同的map和方向。如您在下图中所见,第一次渲染时一切正常。但是当我重新加载或更改为另一个时,我得到了这个:(我认为它仍在使用点渲染map。只是Canvas是不对的)这是我的映射代码:window.initialize_map=function(){functiongetMiles(i){returni*0.000621371192;}functiontoHHMMSS(i){varsec_num=parseInt(i,10);//don'tforgetthesecondparamvarhours=Mat

javascript - 不安全的 JavaScript 尝试使用谷歌地图访问框架

当我在我的联系人页面上使用谷歌地图框架时,谷歌浏览器给我这条消息:UnsafeJavaScriptattempttoaccessframewithURLhttp://localhost/igames/index.php?page=contact_us&&lang=rusfromframewithURLhttp://maps.google.com/?ie=UTF8&ll=44.590467,-105.820312&spn=10.747987,23.269043&t=m&z=6&vpsrc=6&output=embed.Domains,protocolsandportsmustmatch.

javascript - 谷歌地图 : Render marker above markerclusterer

我有一组标记聚集在我的map上。另一组标记单独显示,我恰好需要将它们显示在集群上方。我尝试在集群选项对象中设置zIndex,低于第二组标记的zIndex,但无济于事。知道如何解决这个问题吗? 最佳答案 这是可以做到的,但是在您到达那里之前这是一条非常崎岖的路...正如Rick所说,问题是MarkerClusterer添加了一个自己的OverlayView,其群集图标作为常规标记位于较高的Pane中。在聚类上方添加标记的唯一方法是用自己的武器击败聚类者并添加自己的OverlayView并将标记图标标记添加到更高的Pane(阅读有关Pa

javascript - 谷歌地图 V3 上下文菜单

我正在寻找GoogleMapV3上下文菜单库。我在这里找到了一些代码示例Gizzmo'sblogGoogleAPItipsGMap3HowIgot..堆栈溢出问题Googlemapsv3-Contextualmenuavailable?ofApril也刚刚想出了上面的例子。Gmap3addingasimplecontextmenu也是如此.但也许有人已经将这些示例封装在一个可重用的库中,或者同时找到了一些东西。显然有something对于V2。--更新于2012-05-31--我找到了另一个http://googlemapsmania.blogspot.de/2012/04/creat

javascript - 谷歌地图 API v3 : Is there a callback or event listener for a setMap() event?

我正在开发的网站上使用GoogleMapsAPIv3。我的map下方有一个下拉框,允许用户在map上显示的不同标记集之间切换。每个标记都使用marker.setMap()显示。我的问题是map有时需要很长时间才能显示新标记,尤其是在IE中。我想在map切换标记时显示“正在加载”动画。但我不知道如何检测map何时完成显示新数据(没有页面加载,因为这都是AJAX)。setMap()事件是否有回调或事件监听器,以便我可以在最后一个标记完成加载时调用一个函数来停止“正在加载”动画? 最佳答案 setMap()似乎没有回调或事件监听器,但我想

javascript - 如何创建显示全屏按钮以将我的谷歌地图页面切换为全屏?

我的部分页面上集成了谷歌地图。我想创建一个切换按钮来在全屏和正常尺寸之间切换map。因此,当您单击它时-map会扩展以填满整个浏览器屏幕,然后再次单击它,它会恢复到页面上的原始大小。我该怎么做? 最佳答案 这是一个jQuery实现。$("#map_toggler").click(function(){$("#map").toggleClass("fullscreen")});在CSS中:#map{width:400px;height:200px;}#map.fullscreen{position:fixed;width:100%;h